<template>
  <div class="page-container">
    <notifications/>
  </div>
</template>

<script>

import Notifications from '@/views/notify/component/Notifications.vue'

export default {
  name: 'Notify',
  components: { Notifications },
  data() {
    return {}
  },
  created() {
  },
  methods: {}
}
</script>

<style scoped>
.page-container {
  display: flex;
  align-items: flex-start; /* 顶部开始布局 */
  justify-content: center; /* 水平方向居中 */
  height: calc(100vh - 85px);
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  overflow: hidden; /* 防止整体滚动 */
}
</style>
